<template>
    <div style="height: 50px;"></div>
    <div id="admin_box">
             <Left @menu-click="handleMenuClick"></Left>
             <Right :activeBox="activeBox"></Right>
    </div>
</template>
<!-- 不采用路由 -->

<script setup>
import { onMounted ,ref} from 'vue';
import Left from './LeftMenu.vue'
import Right from './RightContent.vue'

const activeBox = ref('box_4_1'); // 默认显示第一个盒子

// 处理菜单点击事件
const handleMenuClick = (boxName) => {
  activeBox.value = boxName;
};
</script>




<style  scoped>

*{
    user-select: none;
}
#admin_box{
    display: flex;
    height: 85vh;
    justify-content:center;
    
}
</style>